<!doctype html>
<html class="fixed" xmlns:th="http://www.thymeleaf.org">
	<head>

		<title>登陆</title>
		<!-- Basic -->
		<meta charset="UTF-8">

		<!-- Web Fonts  -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light" rel="stylesheet" type="text/css">

		<!-- Vendor CSS -->
		<link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.css}" />
		<link rel="stylesheet" th:href="@{/vendor/font-awesome/css/font-awesome.css}" />
		<link rel="stylesheet" th:href="@{/vendor/magnific-popup/magnific-popup.css}" />
		<link rel="stylesheet" th:href="@{/vendor/bootstrap-datepicker/css/datepicker3.css}" />

		<!-- Theme CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/theme.css}" />

		<!-- Skin CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/skins/default.css}" />

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" th:href="@{/stylesheets/theme-custom.css}">

		<!-- Head Libs -->
		<script th:src="@{/vendor/modernizr/modernizr.js}"></script>

	</head>
	<body>
		<!-- start: page -->
		<section class="body-sign">
			<div class="center-sign">
				<a href="/" class="logo pull-left">
					<img th:src="@{/images/logo.png}" height="54" alt="Porto Admin" />
				</a>

				<div class="panel panel-sign">
					<div class="panel-title-sign mt-xl text-right">
						<h2 class="title text-uppercase text-bold m-none"><i class="fa fa-user mr-xs"></i>登陆</h2>
					</div>
					<div class="panel-body">
						<form th:action="@{/loginCL}" method="post">
							<div class="form-group mb-lg">
								<label>账号</label>
								<div class="input-group input-group-icon">
									<input name="username" type="text" class="form-control input-lg" />
									<span class="input-group-addon">
										<span class="icon icon-lg">
											<i class="fa fa-user"></i>
										</span>
									</span>
								</div>
							</div>

							<div class="form-group mb-lg">
								<div class="clearfix">
									<label class="pull-left">密码</label>
									<a th:href="@{recover.html}" class="pull-right">忘记密码?</a>
								</div>
								<div class="input-group input-group-icon">
									<input name="pwd" type="password" class="form-control input-lg" />
									<span class="input-group-addon">
										<span class="icon icon-lg">
											<i class="fa fa-lock"></i>
										</span>
									</span>
								</div>
							</div>

							<p style="color:red;font-size: large;" th:text="${msg}"></p>

							<div class="row">
								<div class="col-sm-8">
									<div class="checkbox-custom checkbox-default">
										<input id="RememberMe" name="rememberme" type="checkbox"/>
										<label for="RememberMe">记住我</label>
									</div>
								</div>
								<div class="col-sm-4 text-right">
									<button type="submit" class="btn btn-primary hidden-xs">登陆</button>
									<button type="submit" class="btn btn-primary btn-block btn-lg visible-xs mt-lg">登陆</button>
								</div>
							</div>

							<span class="mt-lg mb-lg line-thru text-center text-uppercase">
								<span>†</span>
							</span>

							<div class="mb-xs text-center">
							</div>
							<p />
							<p class="text-center">暂不支持注册账户!</a>

						</form>
					</div>
				</div>

				<p class="text-center text-muted mt-md mb-md">&copy; Copyright 2021. Graduation project. By students from <a href="http://www.hebtu.edu.cn/">Hebei Normal University</a>.</p>
			</div>
		</section>
		<!-- end: page -->

		<!-- Vendor -->
		<script th:src="@{/vendor/jquery/jquery.js}"></script>
		<script th:src="@{/vendor/jquery-browser-mobile/jquery.browser.mobile.js}"></script>
		<script th:src="@{/vendor/bootstrap/js/bootstrap.js}"></script>
		<script th:src="@{/vendor/nanoscroller/nanoscroller.js}"></script>
		<script th:src="@{/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js}"></script>
		<script th:src="@{/vendor/magnific-popup/magnific-popup.js}"></script>
		<script th:src="@{/vendor/jquery-placeholder/jquery.placeholder.js}"></script>

		<!-- Theme Base, Components and Settings -->
		<script th:src="@{/javascripts/theme.js}"></script>

		<!-- Theme Custom -->
		<script th:src="@{/javascripts/theme.custom.js}"></script>

		<!-- Theme Initialization Files -->
		<script th:src="@{/javascripts/theme.init.js}"></script>

	</body>
</html>